<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	<div class="container" id="content">
	<div style="display: none">
	<iframe id="test" src=""></iframe>
	</div>
		<section class="content-header">
			<h1>
				<i class="fa fa-child"></i> <strong>巡检信息管理</strong>
			</h1>
			<ol class="breadcrumb">
				<li><a href="#"><i class="fa fa-home "></i>Home</a></li>
				<li>系统管理</li>
				<li class="active">巡检信息管理</li>
			</ol>
		</section>
		<!-- Main content -->
		<section class="content">
			<div class="box box-info">
				<div class="box-header with-border">
					<i class="fa fa-th-list"></i>
					<h4 class="box-title">巡检信息查询</h4>
				</div>
				<div class="box-body">
					<div class="form-inline">
						<div class="input-group">
							<input type="text" id="inspectSearch" class="form-control"
								placeholder="名称丨地址丨经营范围丨巡检人" style="width: 240px;" /> <span
								class="input-group-btn">
								<button type="button" class="btn btn-info searchBtn">查询</button>
								<button type="button" name="reset" id="reset-btn"
									class="btn btn-info resetBtn">撤消</button>
								<button id="exportToExcel" type="button" class="btn btn-primary">批量导出</button>
							</span>
						</div>
						<!-- <div class="form-group pull-right">
							<button id="inspectAddBtn" type="button" class="btn btn-info addBtn">添加</button>
						</div> -->
					</div>
				</div>
				<div class="box box-body">
					<table width="100%" id="dataTable"
						class="mytable dataTable table-bordered text-center table-striped table-hover">
						<thead>
							<tr>
								<th width="5%">序号</th>
								<th width="5%">操作</th>
								<th width="10%">商户名称</th>
								<th width="10%">商户地址</th>
								<th width="10%">经营范围</th>
								<th width="10%">管理员</th>
								<th width="10%">检查情况</th>
								<th width="10%">巡检人员</th>
								<th width="10%">巡检电话</th>
								<th width="10%">检查时间</th>
								<th width="10%">备注</th>
								<!-- 	<th width="8%">相关操作</th> -->

							</tr>
						</thead>
						<tbody>
						</tbody>
					</table>
				</div>
			</div>
		</section>

		<!--详情弹窗-->
		<div class="modal" id="checkModal">
			<div class="modal-dialog" role="dialog" style="width: 50%">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-label="Close">
							<span aria-hidden="true">&times;</span>
						</button>
						<h4 class="modal-title">
							<strong>巡检信息</strong>
						</h4>
					</div>
					<div class="modal-body">
						<table class="table table-bordered">
							<tbody>
								<tr>
									<td width="15%" align="center">店铺名称</td>
									<td width="35%">
										<div style="margin-left: 10px;" id="shopName"></div>
									</td>
									<td width="50%" align="center" rowspan="6" colspan="2"><img
										id="avatar" src="" width="250px" height="250px" /></td>
								</tr>
								<tr>
									<td align="center">检查情况</td>
									<td>
										<div style="margin-left: 10px;" id="inspectCondition"></div>
									</td>
								</tr>
								<tr>
									<td align="center">管理员</td>
									<td>
										<div style="margin-left: 10px;" id="managementPerson"></div>
									</td>
								</tr>
								<tr>
									<td align="center">巡检人员</td>
									<td>
										<div style="margin-left: 10px;" id="userName"></div>
									</td>
								</tr>
								<tr>
									<td align="center">巡检电话</td>
									<td>
										<div style="margin-left: 10px;" id="userContactType"></div>
									</td>
								</tr>
								<tr>
									<td align="center">检查时间</td>
									<td>
										<div style="margin-left: 10px;" id="inspectDate"></div>
									</td>
								</tr>
								<tr>
									<td width="15%" align="center">商户地址</td>
									<td width="75%" colspan="3">
										<div style="margin-left: 10px;" id="shopAdress"></div>
									</td>
								</tr>
								<tr>
									<td width="15%" align="center">经营范围</td>
									<td width="75%" colspan="3">
										<div style="margin-left: 10px;" id="managementRange"></div>
									</td>
								</tr>
								<tr>
									<td width="15%" align="center">备注</td>
									<td width="75%" colspan="3">
										<div style="margin-left: 10px;" id="remark"></div>
									</td>
								</tr>
							</tbody>
						</table>
						<table id="details"
							class="mytable dataTable table-bordered text-center table-striped table-hover">
							<tr>
								<th>序号</th>
								<th>图片</th>
								<th>备注</th>
								<th>问题类型</th>
							</tr>
							<tbody>
							</tbody>
						</table>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">返回</button>

					</div>
				</div>
			</div>
		</div>
		<script th:src="@{/bussinessInspection/bussinessInspection.js}"></script>
	</div>

</body>
</html>